@charset "utf-8";
html,body{
    height:100%;
}
body{
    font-family:"microsoft yahei";
}
.swiper-container {
    /*  width: 320px;
      height: 480px;*/
    width: 100%;
    height: 100%;
    background:#000;
}
.swiper-slide{
    width:100%;
    height:100%;
    background-size:100% 100%;
}
.swiper-slide1{
    width:100%;
    height:100%;
    background:url(/static/images/other/01.jpg) no-repeat left top;
    background-size:100% 100%;
}
.swiper-slide2{
    width:100%;
    height:100%;
    background:url(/static/images/other/02.jpg) no-repeat left top;
    background-size:100% 100%;
}

img{
    display:block;
}
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #fff;
    opacity: .4;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}
.ani{
    position:absolute;
}
.txt{
    position:absolute;
}
#array{
    position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}